<template>
<div>
    <header class="header">
     <span v-if="$route.meta.back" class="back" @click="$router.go(-1)">返回</span>
     <div class="text">{{$route.meta.title}}</div>
     <router-link to="/register" v-if="$route.meta.register" class="register">注册</router-link>
   </header>
  <!-- 一级路由试图 -->
  <router-view class="con"></router-view>
 
  <!-- 如果第2个路由视图，没有配置name,那么两个路由视图都是默认路由视图 -->
<!-- <router-view class="second-view"></router-view> -->
<router-view class="second-view" name="second"></router-view>
</div>
</template>

<script>

export default {

}
</script>

<style lang="less" scoped>
@import "./less/index.less";
</style>